<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        [title]{
            text-align: center;
        }
        [title~=demo]{
            color: red;
        }
        [title*=demo]{
            border: black solid 1px;
        }
        [title|=zh],[title^=zh]{
            background: #00FF00;
        }
    </style>
</head>
<body>
<div title="zh001">1</div>
<div>2</div>
<div title="zh-003">3</div>
<div>4</div>
<div title="demo">5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div title="demommo">9</div>
<div>10</div>
</body>
</html>